<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Agent详情</title>
	<link rel="stylesheet" href="css/xingchao.css">
    <link rel="stylesheet" href="css/jquery.page.css">
	<link rel="stylesheet" href="css/bootstrap-new.css">
	<link rel="stylesheet" href="css/webvowl.css">
	<link rel="stylesheet" href="css/webvowl.app.css">
	<link rel="stylesheet" href="css/zy.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/layer/layer.js"></script>
    <script type="text/javascript" src="js/jquery.page.js"></script>
	<script type="text/javascript" src="js/d3.min.js"></script>
	<script type="text/javascript" src="js/webvowl.js"></script>
	<script type="text/javascript" src="js/webvowl.app.js"></script>
</head>
<body style="background: #EFEFEF;">

<!--  
	头部
-->
<div class="head">
	<div class="w" style="height:50px;">
		<a href="index.html">
			<img src="images/logo.png" alt="" width="150px;">
		</a>
		<ul class="nav r">
	       <li class="cur">
	            <a href="index.html">众源</a>
	            <sub class="sub1"></sub>
	        </li>
	        <li>
	            <a href="ziyuan.html">资源搜索</a>
	            <sub class="sub1"></sub>
	        </li>
	        <li>
	            <a href="jiaocheng.html">使用教程</a>
	            <sub class="sub1"></sub>
	        </li>
	        <li>
	            <a href="biaozhun.html">众源标准</a>
	            <sub class="sub1"></sub>
	        </li>
	        <li>
	            <a href="page.html">关于我们</a>
	            <sub class="sub1"></sub>
	        </li>
	        <li id='userbox'>
	            <a href="user.html" id="user-box">会员中心</a>|<a href="user.html?action=out">退出</a>
	            <sub class="sub1"></sub>
	        </li>
	        <li>
	            <a href="">中文</a>|<a href="">English</a>
	            <sub class="sub1"></sub>
	        </li>
		</ul>
	</div>
</div>

<div class="main w">
	<br /><br />
	<div class="soso_left l">
		<div id="agentInfo" class="soso_list">
		</div>
	</div>
	<div style="clear: both;"></div>
	<div class="row" style="height: 600px;margin-top: 30px">
		<div class="col-md-9 column">
			<div class="panel panel-default">
				<div class="panel-heading">
					概念图
					<div style="float: right;">
						<ul id="optionsMenu">
							<li id="pauseOption"><a id="pause-button" href="#">Pause</a></li>
							<li id="resetOption"><a id="reset-button" href="#"
								type="reset">Reset</a></li>
							<li id="filterOption"><a href="#">Filter</a>
								<ul class="toolTipMenu filter">
									<li class="toggleOption" id="datatypeFilteringOption"></li>
									<li class="toggleOption" id="subclassFilteringOption"></li>
									<li class="toggleOption" id="disjointFilteringOption"></li>
									<li class="toggleOption" id="setOperatorFilteringOption"></li>
									<li class="slideOption" id="nodeDegreeFilteringOption"></li>
								</ul>
							</li>
							<li id="gravityOption"><a href="#">Gravity</a>
								<ul class="toolTipMenu gravity">
									<li class="slideOption" id="classSliderOption"></li>
									<li class="slideOption" id="datatypeSliderOption"></li>
								</ul>
							</li>
							<li id="export"><a href="#">Export</a>
								<ul class="toolTipMenu export">
									<li><a href="#" download id="exportSvg">Export as SVG</a></li>
									<li><a href="#" download id="exportJson">Export as JSON</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<div class="panel-body" style="font-size: 16px; padding: 5px;">
					<section id="canvasArea">
						<div id="loading-info">
							<div id="loading-error" class="hidden">
								<div id="error-info"></div>
								<div id="error-description-button" class="hidden">Show error details</div>
								<div id="error-description-container" class="hidden">
									<pre id="error-description"></pre>
								</div>
							</div>
							<div id="loading-progress" class="hidden">
								<span>Loading ontology... </span>
								<div class="spin">&#8635;</div>
							</div>
						</div>
						<div id="graph" style="max-height: 600px;"></div>
					</section>
				</div>
			</div>
		</div>
		<div class="col-md-3 column" style="margin-left: -15px; height: 666px; background-color: #000000">
			<aside id="detailsArea" style="height: 600px;">
				<section id="generalDetails">
					<h1 id="title"></h1>
						<h5>
							<span><strong>Graph: </strong><span id="about"></span></span> <span><strong>Version:
							</strong><span id="version"></span></span>
						</h5>
						<h5>
							<label>Language: <select id="language" name="language"
								size="1"></select></label>
						</h5>
						<h3 class="accordion-trigger" id="selection-details-trigger"
							style="font-size: 15px;">Selection Details</h3>
						<div class="accordion-container" id="selection-details">
							<div id="classSelectionInformation" class="hidden">
								<p class="propDetails">
									Name: <span id="name"></span>
								</p>
								<p class="propDetails" style="word-wrap: break-word;">
									URI: <a id="uri"></a>
								</p>
								<p class="propDetails">
									Type: <span id="typeNode"></span>
								</p>
								<p class="propDetails">
									Equiv.: <span id="classEquivUri"></span>
								</p>
								<p class="propDetails">
									Disjoint: <span id="disjointNodes"></span>
								</p>
								<p class="propDetails">
									Charac.: <span id="classAttributes"></span>
								</p>
								<p class="propDetails">
									Individuals: <span id="individuals"></span>
								</p>
								<p class="propDetails">
									Description: <span id="nodeDescription"></span>
								</p>
								<p class="propDetails">
									Comment: <span id="nodeComment"></span>
								</p>
							</div>
							<div id="propertySelectionInformation" class="hidden">
								<p class="propDetails">
									Name: <span id="propname"></span>
								</p>
								<p class="propDetails" style="word-wrap: break-word;">
									URI: <a id="propuri"></a>
								</p>
								<p class="propDetails">
									Type: <span id="typeProp"></span>
								</p>
								<p id="inverse" class="propDetails">
									Inverse: <span></span>
								</p>
								<p class="propDetails">
									Domain: <span id="domain"></span>
								</p>
								<p class="propDetails">
									Range: <span id="range"></span>
								</p>
								<p class="propDetails">
									Subprop.: <span id="subproperties"></span>
								</p>
								<p class="propDetails">
									Superprop.: <span id="superproperties"></span>
								</p>
								<p class="propDetails">
									Equiv.: <span id="propEquivUri"></span>
								</p>
								<p id="infoCardinality" class="propDetails">
									Cardinality: <span></span>
								</p>
								<p id="minCardinality" class="propDetails">
									Min. cardinality: <span></span>
								</p>
								<p id="maxCardinality" class="propDetails">
									Max. cardinality: <span></span>
								</p>
								<p class="propDetails">
									Charac.: <span id="propAttributes"></span>
								</p>
								<p class="propDetails">
									Description: <span id="propDescription"></span>
								</p>
								<p class="propDetails">
									Comment: <span id="propComment"></span>
								</p>
							</div>
							<div id="noSelectionInformation">
								<p>
									<span>Select an element in the visualization.</span>
								</p>
							</div>
						</div>
					</section>
				</aside>
			</div>
			<!-- end of right property desc -->
		</div>
	<div class="clear"></div>
</div>
<!--  
	底部
-->
<div class="copyright">
	Copyright @ 2016-2017 语义(上海)信息科技有限公司 &nbsp;&nbsp;&nbsp;&nbsp;技术支持：星巢网络
</div>

</body>
</html>
<script type="text/javascript" src="js/App.min.js"></script>
<script type="text/javascript">
window.onload = webvowl.app().initialize;
$(function(){

	
})
</script>